
.menu, .menu *                   { margin: 0; padding: 0; list-style: none; }
.menu                            { line-height: 1.0; }
.menu ul                         { position: absolute; top: -999em; width: 14em; }
.menu ul li                      { width: 100%; }
.menu li:hover                   { visibility: inherit; }
.menu li                         { float: left; position: relative; }
.menu a                          { display: block; position: relative; }

.menu li:hover ul,
  .menu li.m-hover ul            { left: 0; top: 2.5em; z-index: 99; }
  
ul.menu li:hover li ul,
  ul.menu li.m-hover li ul       { top: -999em; }
  
ul.menu li li:hover ul,
  ul.menu li li.m-hover ul       { left: 14em; top: 0; }
  
ul.menu li li:hover li ul,
  ul.menu li li.m-hover li ul    { top: -999em; }
  
ul.menu li li li:hover ul,
  ul.menu li li li.m-hover ul    { left: 10em; top: 0; }

.menu a.m-with-ul                { padding-right: 2.25em; min-width: 1px; }
.m-sub-indicator                 { position: absolute; display: block; right: .75em; 
                                   top: 1.05em; /* IE6 only */
	                           width: 10px; height: 10px; 
                                   text-indent: -999em; 
                                   overflow: hidden;
	                           background: url('../images/arrows-menu.png') no-repeat -10px -100px; }
	                           
a > .m-sub-indicator             { top: .8em; background-position: 0 -100px; }

a:focus > .m-sub-indicator,
  a:hover > .m-sub-indicator,
    a:active > .m-sub-indicator,
      li:hover > a > .m-sub-indicator,
        li.m-hover > a > .m-sub-indicator 
                                 { background-position: -10px -100px; }

.menu ul .m-sub-indicator        { background-position:  -10px 0; }
.menu ul a > .m-sub-indicator    { background-position:  0 0; }

.menu ul a:focus > .m-sub-indicator,
  .menu ul a:hover > .m-sub-indicator,
    .menu ul a:active > .m-sub-indicator,
      .menu ul li:hover > a > .m-sub-indicator,
        .menu ul li.m-hover > a > .m-sub-indicator 
                                 { background-position: -10px 0; }

.m-shadow ul {
	/* background:	url('../images/shadow.png') no-repeat bottom right; */
	padding: 0; 
        -moz-box-shadow: 5px 5px 9px #ddd; -webkit-box-shadow: 5px 5px 9px #ddd;
        -khtml-box-shadow: 5px 5px 9px #ddd; box-shadow: 5px 5px 9px #ddd;
	border: 6px solid #5c8bc0; border-top: 0;
	-moz-border-radius: 0 0 6px 6px; -webkitborder-radius: 0 0 6px 6px;
        -khtml-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
        z-index: 10000;
}
.m-shadow ul.m-shadow-off {
	background: transparent;
}

